<template>
	<view class="content" style="background-color: #fff;">
		<u-navbar scrollable=false titleStyle="font-size:40rpx;color:#333" :placeholder='true' title="账号与安全"
			:autoBack="true">
		</u-navbar>

		<view class="set">
			<u-cell-group :border="false">
				<u-cell title="账户名"   :value="nickname" :isLink="false"   url=""></u-cell>
				<u-cell title="修改手机号"  isLink url="/pages/my/set/changePhone?type=1"></u-cell>
			</u-cell-group>
			<view class="box1"></view>
			<view class="out fontS32" @click="zhuxiao">注销账户</view>
		</view>
	</view>
</template>



<script>
	export default {
		data() {
			return {
				nickname:'',
			}
		},
		methods: {
			zhuxiao(){
				let _this = this
				uni.showModal({
					title: "",
					content: "确定注销账户吗？",
					cancelText: '取消', // 取消按钮的文字   
					confirmText: '确认', // 确认按钮的文字   
					success: function(res) {
						if (res.confirm) {
							_this.$my.go('/pages/login/login')
						}
					}
				})
			}
		},
		onLoad() {
			this.nickname=uni.getStorageSync('userInfo').nickname?uni.getStorageSync('userInfo').nickname:''
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		border: 2rpx solid #f5f5f5;
		.box {
			height: 50rpx;
			width: 100%;
			background-color: #f5f5f5;
			// border: 1px solid red;
		}

		.box1 {
			height: 30rpx;
			width: 100%;
			background-color: #f5f5f5;
			// border: 1px solid red;
		}
		.out{
			height: 90rpx;
			width: 100%;
			text-align: center;
			line-height: 90rpx;
		}
	}
</style>
